<template>
  <div>
     <!-- <div>Hello,World</div> -->
     <!-- 插值表达式 改成动态参数 -->
      <div>{{msg}}</div>
      <!-- 绑定点击事件 -->
     <button @click="fn">逆转</button>
   </div>
</template>
 
<script>
export default {
  data() {
    return {
      msg:'Hello,World'
    };
  },
  methods: {
    fn(){
      // 点击按钮触发
      // data里的msg字符串转变成数组,在用数组方法倒转，在把数组转换成字符串重新赋值给data里的msg
      this.msg = this.msg.split('').reverse().join('')
    }
  }
};
</script>

<style scoped>
     
</style>